<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html第3次实验报告</title>
		<style>
			.contain {
				width: 600px;
				/* height: 1000px; */
				padding: 10px;
				margin: 0 auto;
				border: solid 1px darkgrey;
				overflow: auto;
				.cont div{
					/* float: left; */
					margin-top: 10px;
				}
			}
		</style>
	</head>
	<body>
		<div class="contain">
			<h2>家用电器排行榜</h2>
			<div class="cont">
				<div><img src="images/tv01.jpg" alt="" />创维电视创维42E5CHR <span>42英寸</span> ￥<span>2799.00</span></div><hr />
				<div><img src="images/tv02.jpg" alt="" />海信电视海信LED42EC260JD <span>42英寸</span> ￥<span>2848.00</span></div><hr />
				<div><img src="images/tv03.jpg" alt="" />索尼电视索尼 KLV-40R476A <span>40英寸</span> ￥<span>3599.00</span></div><hr />
				<div><img src="images/tv04.jpg" alt="" />创维电视创维42E83RE <span>42英寸</span> ￥<span>3699.00</span></div><hr />
				<div><img src="images/tv05.jpg" alt="" />创维电视创维42E5CHR <span>42英寸</span> ￥<span>2799.00</span></div>
			</div>
		</div>
	</body>
</html>